var path = require('path')

var htmlWebpackPlugin = require('html-webpack-plugin')
const VueLoaderPlugin = require('vue-loader/lib/plugin');
module.exports = {
	entry:path.join(__dirname, './src/main.js'),
	output:{
		path: path.join(__dirname, './dist'),
		filename: 'bundle.js'
	},
	plugins:[
		new htmlWebpackPlugin({
			template: path.join(__dirname,'./src/index.html'),
			filename: 'index.html'
		}),
		new VueLoaderPlugin()
	],
	module:{
		rules:[
			{test:/\.css$/, use:['style-loader','css-loader']},
			{test:/\.less$/, use:['style-loader','css-loader','less-loader']},
			{test:/\.scss$/, use:['style-loader','css-loader','sass-loader']},
			//处理图片路径的loader
			{test:/\.(jpg|png|gif|bmp|jpeg)$/, use:'url-loader'},
			//{test:/\.(jpg|png|gif|bmp|jpeg)$/, use:'url-loader?limit=242&name=[hash:8]-[name].[ext]'},
			//limit给定的值，是图片的大小，单位是byte,如果我们引用的图片，大于或等于给定的Limit值
			//则不会被转为base64的字符串，如果图片小于给定的limit值，则会被转为base64字符串
			{test:/\.(ttf|eot|woff|woff2|svg)$/, use:'url-loader'},//处理字体文件的loader
			{test: /.js$/, use: 'babel-loader', exclude: /node_modules/},//配置 babel 转换高级语法
			{test: /\.vue$/, use:'vue-loader'},//处理 .vue文件的 loader
			{test: /vue-preview.src.*?js$/,loader: 'babel'},
		]
	},
	resolve:{
		alias:{//修改vue被导入时候的包的路径
			//"vue$":"vue/dist/vue.js"
		}
	}
}